<template>
    <div class="footer-wrap text-center">
        <a class="font-sm text-white" :href="site.href">{{site.title}}</a>
        <span class="text-white">&nbsp;&nbsp;·&nbsp;&nbsp;</span>
        <a class="font-sm text-white" :href="site.openHref" v-if="site.openHref">{{site.openTitle}}</a>
        <span class="text-white" v-if="site.openHref">&nbsp;&nbsp;·&nbsp;&nbsp;</span>
        <a class="font-sm text-white" :href="site.icpHref" target="_blank">{{site.icp}}</a>
    </div>
</template>

<script>
    import {getConfig} from '/src/util/index';

    export default {
        name: "Foot",
        // 数据
        data() {
            return {
                site: getConfig('site') || {},
            }
        },
        // DOM未渲染前调用
        created() {

        },
        // 方法
        methods: {},
        // 组件
        components: {},
    }
</script>

<style lang="less" scoped>
    .footer-wrap {
        width: 100%;
        margin: 20px 0 10px 0;

        .font-sm {
            font-size: 12px;
        }
    }
</style>
